<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>黄家钱的个人博客</title>
    <link rel="stylesheet" href="styles.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="scripts.js"></script>
</head>
<body>
    <header>
        <h1>黄家钱的个人博客</h1>
        <nav>
            <ul>
                <li><a href="#about">关于我</a></li>
                <li><a href="#blog">博客</a></li>
                <li><a href="#contact">联系我</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section id="about">
            <h2>关于我</h2>
            <p>我是黄家钱，一名前端开发者。</p>
        </section>

        <section id="blog">
            <h2>我的博客</h2>
            <article>
                <h3>我的第一篇博客</h3>
                <p>这是我的第一篇博客文章，欢迎阅读！</p>
            </article>
        </section>

        <section id="contact">
            <h2>联系我</h2>
            <form id="contact-form">
                <label for="name">姓名:</label>
                <input type="text" id="name" name="name" required>
                
                <label for="email">邮箱:</label>
                <input type="email" id="email" name="email" required>
                
                <label for="message">留言:</label>
                <textarea id="message" name="message" required></textarea>
                
                <button type="submit">发送</button>
            </form>
        </section>
    </main>

    <footer>
        <p>&copy; 2023 黄家钱的个人博客</p>
    </footer>
</body>
</html>